<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>OMS | 自动化运维管理平台</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="/static/js/bootstrap/css/bootstrap.min.css">
    <!-- Bootstrap table -->
    <link rel="stylesheet" href="/static/js/bootstrap-table/bootstrap-table.min.css">
    <!-- Bootstrap dialog -->
    <link rel="stylesheet" href="/static/js/bootstrap3-dialog/css/bootstrap-dialog.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="/static/js/ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/static/css/AdminLTE.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="/static/css/skins/_all-skins.min.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
    {% block self_head_css_js %}{% endblock %}
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <header class="main-header">
        {% include 'nav_bar_header.html' %}
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            {% include 'nav_li_profile.html' %}
            {% include 'nav.html' %}
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            {% include 'nav_cat_bar.html' %}
        </section>

        <!-- Main content -->
        <section class="content">
            {% block content %}{% endblock %}
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 0.1.0
        </div>
        <strong>Copyright &copy; 2017-2018 <a href="http://www.wilean.com">Wilean</a>.</strong> All rights
        reserved.
    </footer>

    <!-- Control Sidebar -->
    {% include 'control_sidebar.html' %}
    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script src="/static/js/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="/static/js/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="/static/js/bootstrap/js/bootstrap.min.js"></script>
<!-- bootstarp-table JS -->
<script src="/static/js/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/static/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="/static/js/bootstrap-table/extensions/export/bootstrap-table-export.min.js"></script>
<script src="/static/js/tableExport.jquery.plugin/tableExport.min.js"></script>
<!-- bootstarp-dialog JS -->
<script src="/static/js/bootstrap3-dialog/js/bootstrap-dialog.min.js"></script>
<!-- nicescroll JS
<script src="/static/js/nicescroll/jquery.nicescroll.min.js"></script>-->
<!-- Slimscroll -->
<script src="/static/js/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/static/js/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="/static/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes)
<script src="dist/js/pages/dashboard.js"></script>-->
<!-- AdminLTE for demo purposes -->
<script src="/static/js/demo.js"></script>
<!--自定义滚动条
<script>
    $(function () {
        $("body").niceScroll({
            styler: "fb",
            cursorcolor: "#e8403f",
            cursorwidth: '6',
            cursorborderradius: '10px',
            background: '#404040',
            cursorborder: '',
            zindex: 99999
        });
    });
</script>-->
<!-- active menu -->
<script>
    var url_array = document.location.pathname.split("/");
    s1 = url_array[1];
    s2 = url_array[2];
    //if (s1 == '') {
    if (s1 == 'dashboard') {
        $('#index').addClass('active')
    } else {
        $("#" + s1).addClass('active');
        $('#' + s1 + ' .' + s2).addClass('active');
    }
</script>
</body>
{% block self_footer_js %} {% endblock %}
</html>